<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<base href="<%=request.getContextPath()+"/"%>">
	<title>无标题文档</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link href="css/select.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
	<script type="text/javascript" src="js/select-ui.min.js"></script>
	<script type="text/javascript" src="editor/kindeditor.js"></script>
	<script src="js/echarts.js"></script>
	<script type="text/javascript">
		$(document).ready(function(e) {
			$(".select1").uedSelect({
				width : 345
			});

		});
	</script>
</head>
<body>

<div class="place">
	<span>位置：</span>
	<ul class="placeul">
		<li><a href="#">收支管理</a></li>
		<li><a href="#">支出统计</a></li>
	</ul>
</div>
<form action="ptu/PaymentServlet?method=total" method="post">
<ul class="forminfo">
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('main'));

	var app = {};

	var chartDom = document.getElementById('main');
	var myChart = echarts.init(chartDom);
	var option;

	option = {
		legend: {},
		tooltip: {},
		dataset: {
			source: [
				['支出统计', '支出次数', '支出总额(单位:万)'],
				['项目开发', ${totalXMKFCount}, ${totalXMKFPay/10000}],
				['人员外包', ${totalRYWBCount},${totalBMPay/10000}],
				['报名费', ${totalBMCount}, ${totalRYWBPay/10000}],
				['学费', ${totalStuCount}, ${totalStuPay/10000}]
			]
		},
		xAxis: {type: 'category'},
		yAxis: {},
		// Declare several bar series, each will be mapped
		// to a column of dataset.source by default.
		series: [
			{type: 'bar'},
			{type: 'bar'},
		]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
</script>
</ul>
</form>
</body>

</html>